<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>紫罗兰永恒花园</title>
</head>
	<style>
		body{
			background-image:url("images/background.jpg");
			background-attachment:fixed;
			background-size:contain;
			background-repeat:repeat-x;
			width:auto;
		}
		#container{
			width:960px;
			margin:0px auto;
			border:solid 3px #CAA6ED;
		}
		img{
			text-align: center
				
		}
		.brief{
			border-left: solid #D26A6B 5px;
			font-size: 25px;
			padding-left: 5px;
			margin-top: 30px;
			color: #767676;
			width: auto;
		}
		.intro{
			border-left: solid #D26A6B 5px;
			font-size: 25px;
			margin: auto;
			padding-left: 5px;
			color: #767676;
			
			
		}
		.intro2{
			border-left: solid #D26A6B 5px;
			font-size: 25px;
			padding-left: 5px;
			margin-top: 15px;
			margin-bottom: 16px;
			color: #767676;
			width: auto;
			
			
		}
		.intro3{
			border-left: solid #D26A6B 5px;
			font-size: 25px;
			padding-left: 5px;
			margin-top: 30px;
			color: #767676;
			width: auto;
			
			
		}
		table{
			margin-top: 20px;
			margin-bottom: 20px;
			height:230px;
			border-bottom:solid #CA67E8 4px;
			border-top: solid #CA67E8 4px;
			font-size: 15px;
		    background-color: #EFDBF4;
			opacity: 0.75;
			font-family:"仿宋";
			color:#452C2D;
			text-align:center;
			
			
			
			
		}
		table img{
			text-align: center;
		    width:315px;
			height: 210px;
			border-radius: 50%；
				
				
			
		}
		table img:hover{
			box-shadow: 0 0 40px #FFF;
			
		}
		video{
			text-align: center;
			
		}
		
	
		h1{
			font-family:"华文行楷", "华文彩云", "华文新魏", "隶书", "华文隶书", "祥南行書体", "MT Extra";
			font-size: 80px;
			color:#FAF8F8;
			text-shadow: 15px 15px 3px #CAA6ED;
			padding-bottom: 25px;
			margin:40px 40px;
			border-bottom: #F1EDC3 solid 3px;
			border-top: #F1EDC3 solid 3px;
			text-align: center;
			
		}
		h3{
			text-indent: 2px;
			font-family: "仿宋";
			font-size: 20px;
			color:#404040;
			
		}
		p{
			text-align:center;
			font-size:23px;
			color:#EBC6F2;
			line-height: 20px;
		    font-family:"华文行楷", "华文彩云", "华文新魏", "隶书", "华文隶书", "祥南行書体", "MT Extra";
			text-shadow: 0 1px 1px yellow;
			
		}
		header{
			margin: 0;
			padding:0;
			width: 1365px;
			
		}
		.circle{
			
			text-align: center;
				
		}
		.circle img{
			border-radius: 50%;
			box-shadow: 0 0 8px pink;
		}
		
footer{
			text-align: center;
			font-family:"华文楷体";
			font-size: 15px;
			background-color:#F5F7E4;
			color: grey;
			margin:100px auto;
			padding-top: 100px;
			padding-bottom: 100px;
			
		}
	</style>
<body>
	<header>
	<div class="backgroud"><img src="images/header.jpg" width="1408" height="613"></div></header>	
<div id="container">
<h1><em><strong>Violet evergarden<br>
	紫罗兰永恒花园</strong></em></h1>
	<div class="brief">简介</div>
	<h3>《薇尔莉特·伊芙加登》改编自日本小说家晓佳奈原作的同名轻小说。2016年5月27日，在京都动画官方网站内，宣布了《薇尔莉特·伊芙加登》TV动画化的决定。电视动画于2018年1月10日首播，全13集。其中TV未放送的第14话收录在DVD第4卷中。另有动画电影2部。</h3>
	<div class="intro">演员介绍</div>
	<div class="author">
		<table>
			<tbody>
			<tr>
				<td><img src="images/shichuanyouyi.jpg">
				</td>
				<td><img src="images/zianwuren.jpg" width="377" height="100"></td>
				<td><img src="images/xiaoyedafu.jpg"></td>
			  </tr>
			<tr>
				<td>
				石川由依<br>
					(1989.5.30)
				</td>
				<td>子安武人<br>
				(1967.5.5)</td>
				<td>小野大辅<br>
				(1978.5.4)</td>
				</tr>
			</tbody>
			</table></div>
	<div class="intro2">片段欣赏</div>
	<video src="video/video.webm"  poster="images/poster.jpg" width="960" height="690" controls></video>
	<div class="intro3">经典语录</div>
	<p>《紫罗兰永恒花园》的意义并不在于它想给你展示一个讲故事的节奏，或者是一个结构，它想要告诉给观众的，也许是一种对于我们早已经遗忘的东西的探讨。京都似乎在运用这个角色告诉我们，当我们自以为对&ldquo;爱&rdquo;掌握得极为熟练时，其实我们看见的都只是凤毛麟角。 </p>
	<img src="images/gif.gif" width="959" height="482" class="beauty" >
<p >你将不再是道具，而是人如其名的人 。 </p>
<p >我想，我们正是在伤害与被伤害的循环往复中，渐渐变得温柔起来的 </p>
<p >你已经成了人如其名的人了 带着那份信念一直活下去吧 然后死去 </p>
<p >亲爱的吉尔伯特少佐 您还好吗 别来无恙吗 您现在在哪呢 有没有烦恼呢 不论春夏秋冬 四季轮回 唯独少佐的季节迟迟不来 </p>
<p >语言有两层含义，说出口的并不是全部。 </p>
	<div class="circle"><img src="images/people1.jpg" width="393" height="595" ></div>
<p >爱…就是，想著要…保护生命中最重要的人。 </p>
<p >花无凋零之日，意无传递之时，爱情亘古不变，紫罗兰与世长存。 </p>
<p >&ldquo;薇尔莉特…你要活下去自由地活下去我真心…爱着你&rdquo; </p>
<p >正因为深爱著。赌上了一切、赌上了人生，抹杀了自己，想著要去守护。 </p>
<p >擅长为了他人而扼杀自己，虽然不知道至今为止杀掉了多少，恐怕双手已经被自己的血染遍了。 </p>
<p >我想知道「我爱你」的含义。 </p>
<img src="images/pic1.jpg" width="961" height="589" class="view">
<p >你可曾窥视过我的眼瞳。 若未有过，便请来窥视一下如何。 我的眼瞳虽被夜色遮蔽，夜空之中却闪耀著繁星。 还望前来默然窥视。我的眼瞳中浮现之物、映照之物，倘若你认为其美丽。那便是你爱著我的证据。 </p>
<p >传达心意可真是难啊， 明明只是想说谢谢而已 </p>
<p >这就是人的弱点，通过试探对方，来寻找自己在对方心中的地位。 </p>
<div class="circle"><img src="images/people2.jpg" width="450" height="523"></div>
	<p >从我拥抱你的那一刻开始，我们的命运便交织在一起。 </p>
<p >不论何时……暴力的记忆和战争的火伤都会像疤痕一样残留下来不会消失。在我们之中战争永不完结 </p>
	<img src="images/pic2.jpg" width="960" height="580" class="scene">
<p >优秀的人偶可以从别人表述的话语中提炼出对方内心真正的想法。 </p>
<p >虽然我也有被伤害哭泣的时候，但是伤害我的和我所伤害的都是人。但是对于同样将我治愈的人，即便哭泣也不能够去讨厌他们。 </p>
<p >离开…… 和被留下的人 到底， 谁更痛苦呢？ </p>
<p >我想，我们正是在伤害与被伤害的循环往复中，渐渐变得温柔的 </p>
<p >明明世界上的风景如此美丽，为什么在这里生存的人们如此丑陋呢。 </p>
	
</div>
	<footer>薇尔莉特·伊芙加登<br>
	花有重开之日   爱无凋零之时</footer>
</body>
</html>
